<!-- 商品详情 -->
<template>
	<view class="page">
		<!-- 轮播图 -->
		<Banner></Banner>
		<!-- 商品信息 -->
		<Info></Info>
		<!-- 选择的规格 -->
		<ChooceCombo></ChooceCombo>
		<!-- 评论 -->
		<Comment></Comment>
		<!-- 商品介绍 -->
		<Introduce></Introduce>
		<!-- 底部操作栏 -->
		<BottomOperation></BottomOperation>
		
		<!-- 商品规格选择 -->
		<ComboChoosePanel v-if="isShowComboPanel"></ComboChoosePanel>
	</view>
</template>

<script setup>
	import { ref, computed } from 'vue';
	import { useGoodsDetailStore } from './store.js';
	import { onShareAppMessage, onShareTimeline, onLoad } from "@dcloudio/uni-app"
	import Banner from './components/banner.vue';
	import Info from "./components/info.vue";
	import ChooceCombo from "./components/chooce-combo.vue";
	import Comment from "./components/comment.vue";
	import Introduce from "./components/introduce.vue";
	import BottomOperation from "./components/bottom-operation.vue";
	import ComboChoosePanel from './components/combo-choose-panel.vue';

	onShareAppMessage(() => {
		return {
			title: '商品名称',
			path: '/pagesC-shopping/goods-detail/index?id=123',
		}
	});
	
	// 商品规格选择面板
	const isShowComboPanel = computed(() => {
		return useGoodsDetailStore().isShowComboPanel;
	});
</script>

<style lang="scss" scoped>
</style>